<template>
  <div class="container">
    <img :src="stampSrc">
  </div>
</template>
<script lang="ts" setup>
// svg
import stampDaiQianShu from '@/assets/icons/svg/stampDaiQianShu.svg' // 待签署
import stampDaiQueRen from '@/assets/icons/svg/stampDaiQueRen.svg' // 待确认
import stampYiBoHui from '@/assets/icons/svg/stampYiBoHui.svg' // 审核已驳回
import stampYiTongGuo from '@/assets/icons/svg/stampYiTongGuo.svg' // 审核已通过
import stampDaiShenHe from '@/assets/icons/svg/stampDaiShenHe.svg' // 待审核
import stampDaiQueRenOther from '@/assets/icons/svg/stampDaiQueRenOther.svg' // 待对方确认
import stampYiJuJue from '@/assets/icons/svg/stampYiJuJue.svg' // 已拒绝
import stampYiQueRenOther from '@/assets/icons/svg/stampYiQueRenOther.svg' // 对方已确认
import stampQuXiaoDaiQueRen from '@/assets/icons/svg/stampQuXiaoDaiQueRen.svg' // 取消待确认
import { computed, watch } from 'vue'
import { roleTypes } from 'element-plus'

//defineProps
const props = defineProps({
  pageType: { //rentBox:租箱 callBackBox:回调箱
    type: String,
    default: 'rentBox'
  },
  rowData: {
    type: Object,
    default: () => ({})
  },
  //取消流程参数
  canceledType: { //5-集装箱公司取消 10-货代取消
    type: String,
    default: ''
  },
  roleType: { // agent boxEast
    type: String,
    default: 'agent'
  }
})

// 租箱:5-货代操作员提交 10-集装箱公司操作员确认 15-货代操作员确认 20-集装箱公司管理员审核 25-货代管理员审核 30-E签宝签章 // 当前节点类型
// 租箱:5-货代操作员提交 10-集装箱公司操作员确认 15-货代操作员确认 20-集装箱公司管理员审核 25-货代管理员审核 30-E签宝签章 //上一个节点类型
const stampSrc = computed(() => {
  const rowData = props.rowData
  const currentNodeType = rowData.currentNodeType  //当前节点
  const frontNodeType = rowData.frontNodeType //上一个节点
  const frontNodeReviewStatus = rowData.frontNodeReviewStatus //上一个节点审核结果 5-通过 10-驳回

  if (rowData.status != 40) return '' //审核流程结束后

  if (props.pageType === 'rentBox') { // 出租订单- 的状态章
    switch (currentNodeType) {
      case 5:
        return stampDaiQueRen
      case 10:
        if (props.roleType == 'agent') { // 货代页面
          if (props.canceledType == '5') { // 租箱企业取消
            return stampDaiQueRen
          } else {
            return stampQuXiaoDaiQueRen
          }
        } else {
          if (props.canceledType == '10') { // 租箱企业取消
            return stampDaiQueRen
          } else {
            return stampQuXiaoDaiQueRen
          }
        }
      default: return ''
    }
  }
  if (props.pageType === 'callBackBox') { //回调订单- 的状态章
    switch (currentNodeType) {
      case 5:
        return stampDaiQueRen
      case 10:
        if (props.roleType == 'agent') { // 货代页面
          if (frontNodeType == '5') { // 租箱企业取消
            return stampDaiQueRen
          } else {
            return stampQuXiaoDaiQueRen
          }
        } else {
          if (frontNodeType == '5') { // 租箱企业取消
            return stampQuXiaoDaiQueRen
          } else {
            return stampDaiQueRen
          }
        }
      default: return ''
    }
  }
})

// watch(() => props.currentNodeType, (newVal, oldVal) => {
//   console.log(newVal)
// })

</script>
<style scoped>
.container {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
  margin: -50px -50px 0 0
}
</style>